<template>
    <h3>{{ title }}</h3>
</template>

<script>
    // 组件中数据定义, ES6语法,向外暴露属性和方法
    export default {
        name: "myH",

        data() { // 注意:组件中的data必须是function
            return {
                // 数据,可以直接在上面template模板中使用
                title: "hello vue component!"
            };
        },

        // 方法定义
        methods: {
            show() {
                console.log('invoke myH show method!')
            }
        }
    };
</script>

<style scoped>

</style>
